/*************** css3兼容 ***************/
.case{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.case.active{
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}
.picScroll{
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.picScroll .bd ul{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.picScroll .bd ul li:nth-child(1) .module img,
.picScroll .bd ul li:nth-child(5) .module img{
	-webkit-transform: scale(.93);
	-moz-transform: scale(.93);
	-ms-transform: scale(.93);
	-o-transform: scale(.93);
	transform: scale(.93);
}
.picScroll .bd ul li:nth-child(1) a:after,
.picScroll .bd ul li:nth-child(5) a:after{
	-webkit-transform: scale(1,.93);
	-moz-transform: scale(1,.93);
	-ms-transform: scale(1,.93);
	-o-transform: scale(1,.93);
	transform: scale(1,.93);
}
.picScroll .bd ul li:nth-child(2) .module img,
.picScroll .bd ul li:nth-child(4) .module img{
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
}
.picScroll .bd ul li:nth-child(2) a:after,
.picScroll .bd ul li:nth-child(4) a:after{
	-webkit-transform: scale(.98,.95);
	-moz-transform: scale(.98,.95);
	-ms-transform: scale(.98,.95);
	-o-transform: scale(.98,.95);
	transform: scale(.98,.95);
}


/*************** 菜单动画效果 ***************/
.picScroll .bd ul li .module .cartoonA1{
	top: 89px;
	left: 65px;
}
.picScroll .bd ul li .module .cartoonA2{
	top: 84px;
	left: 117px;
	-webkit-animation: cartoonA2 3.2s infinite forwards;
	-moz-animation: cartoonA2 3.2s infinite forwards;
	-ms-animation: cartoonA2 3.2s infinite forwards;
	-o-animation: cartoonA2 3.2s infinite forwards;
	animation: cartoonA2 3.2s infinite forwards;
}
@-webkit-keyframes cartoonA2 {
	0%,78%,100%{
		top: 84px;
		left: 117px;
	}
	18%,62% {
		top: 68px;
		left: 117px;
		-webkit-transform: rotate(0);
	}
	40% {
		-webkit-transform: rotate(720deg);
	}
}
@-moz-keyframes cartoonA2 {
	0%,78%,100%{
		top: 84px;
		left: 117px;
	}
	18%,62% {
		top: 68px;
		left: 117px;
		-moz-transform: rotate(0);
	}
	40% {
		-moz-transform: rotate(720deg);
	}
}
@-ms-keyframes cartoonA2 {
	0%,78%,100%{
		top: 84px;
		left: 117px;
	}
	18%,62% {
		top: 68px;
		left: 117px;
		-ms-transform: rotate(0);
	}
	40% {
		transform: rotate(720deg);
	}
}
@-o-keyframes cartoonA2 {
	0%,78%,100%{
		top: 84px;
		left: 117px;
	}
	18%,62% {
		top: 68px;
		left: 117px;
		-o-transform: rotate(0);
	}
	40% {
		-o-transform: rotate(720deg);
	}
}
@keyframes cartoonA2 {
    0%,78%,100%{
        top: 84px;
		left: 117px;
    }
    18%,62% {
    	top: 68px;
        left: 117px;
        transform: rotate(0);
    }
    40% {
        transform: rotate(720deg);
    }
}
.picScroll .bd ul li .module .cartoonA3{
	bottom: 147px;
	left: 80px;
	-webkit-animation: cartoonA3 1.1s infinite forwards;
	-moz-animation: cartoonA3 1.1s infinite forwards;
	-ms-animation: cartoonA3 1.1s infinite forwards;
	-o-animation: cartoonA3 1.1s infinite forwards;
	animation: cartoonA3 1.1s infinite forwards;
}
@-webkit-keyframes cartoonA3 {
	0%{
		-webkit-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	60%,100%{
		-webkit-transform: translateY(-45px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonA3 {
	0%{
		-moz-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	60%,100%{
		-moz-transform: translateY(-45px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonA3 {
	0%{
		-ms-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	60%,100%{
		-ms-transform: translateY(-45px);
		opacity: 0;
	}
}
@-o-keyframes cartoonA3 {
	0%{
		-o-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	60%,100%{
		-o-transform: translateY(-45px);
		opacity: 0;
	}
}
@keyframes cartoonA3 {
    0%{
		transform: translateY(0);
    }
    40%{
    	opacity: 1;
    }
    60%,100%{
        transform: translateY(-45px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonA4{
	bottom: 186px;
	left: 90px;
	-webkit-animation: cartoonA4 1.5s infinite forwards;
	-moz-animation: cartoonA4 1.5s infinite forwards;
	-ms-animation: cartoonA4 1.5s infinite forwards;
	-o-animation: cartoonA4 1.5s infinite forwards;
	animation: cartoonA4 1.5s infinite forwards;
}
@-webkit-keyframes cartoonA4 {
	15%{
		-webkit-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-webkit-transform: translateY(-38px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonA4 {
	15%{
		-moz-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-moz-transform: translateY(-38px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonA4 {
	15%{
		-ms-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-ms-transform: translateY(-38px);
		opacity: 0;
	}
}
@-o-keyframes cartoonA4 {
	15%{
		-o-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-o-transform: translateY(-38px);
		opacity: 0;
	}
}
@keyframes cartoonA4 {
    15%{
        transform: translateY(0);
    }
    50%{
    	opacity: 1;
    }
    60%,100%{
        transform: translateY(-38px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonA5{
	bottom: 207px;
	left: 155px;
	-webkit-animation: cartoonA5 .8s infinite forwards;
	-moz-animation: cartoonA5 .8s infinite forwards;
	-ms-animation: cartoonA5 .8s infinite forwards;
	-o-animation: cartoonA5 .8s infinite forwards;
	animation: cartoonA5 .8s infinite forwards;
}
@-webkit-keyframes cartoonA5 {
	10%{
		-webkit-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-webkit-transform: translateY(-52px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonA5 {
	10%{
		-moz-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-moz-transform: translateY(-52px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonA5 {
	10%{
		-ms-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-ms-transform: translateY(-52px);
		opacity: 0;
	}
}
@-o-keyframes cartoonA5 {
	10%{
		-o-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-o-transform: translateY(-52px);
		opacity: 0;
	}
}
@keyframes cartoonA5 {
    10%{
        transform: translateY(0);
    }
    40%{
    	opacity: 1;
    }
    65%,100%{
        transform: translateY(-52px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonA6{
	bottom: 170px;
	left: 191px;
	-webkit-animation: cartoonA6 1.1s infinite forwards;
	-moz-animation: cartoonA6 1.1s infinite forwards;
	-ms-animation: cartoonA6 1.1s infinite forwards;
	-o-animation: cartoonA6 1.1s infinite forwards;
	animation: cartoonA6 1.1s infinite forwards;
}
@-webkit-keyframes cartoonA6 {
	0%{
		-webkit-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-webkit-transform: translateY(-48px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonA6 {
	0%{
		-moz-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-moz-transform: translateY(-48px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonA6 {
	0%{
		-ms-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-ms-transform: translateY(-48px);
		opacity: 0;
	}
}
@-o-keyframes cartoonA6 {
	0%{
		-o-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-o-transform: translateY(-48px);
		opacity: 0;
	}
}
@keyframes cartoonA6 {
    0%{
        transform: translateY(0);
    }
    40%{
    	opacity: 1;
    }
    88%,100%{
        transform: translateY(-48px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonA7{
	bottom: 112px;
	left: 117px;
	-webkit-animation: cartoonA6 2s infinite forwards;
	-moz-animation: cartoonA6 2s infinite forwards;
	-ms-animation: cartoonA6 2s infinite forwards;
	-o-animation: cartoonA6 2s infinite forwards;
	animation: cartoonA6 2s infinite forwards;
}
@-webkit-keyframes cartoonA6 {
	0%{
		-webkit-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	80%,100%{
		-webkit-transform: translateY(-62px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonA6 {
	0%{
		-moz-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	80%,100%{
		-moz-transform: translateY(-62px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonA6 {
	0%{
		-ms-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	80%,100%{
		-ms-transform: translateY(-62px);
		opacity: 0;
	}
}
@-o-keyframes cartoonA6 {
	0%{
		-o-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	80%,100%{
		-o-transform: translateY(-62px);
		opacity: 0;
	}
}
@keyframes cartoonA6 {
    0%{
        transform: translateY(0);
    }
    50%{
    	opacity: 1;
    }
    80%,100%{
        transform: translateY(-62px);
        opacity: 0;
    }
}

.picScroll .bd ul li .module .cartoonC1{
	bottom: 101px;
	left: 71px;
}
.picScroll .bd ul li .module .cartoonC2{
	top: 75px;
	left: 120px;
	-webkit-animation: cartoonC2 1.5s infinite;
	-moz-animation: cartoonC2 1.5s infinite;
	-ms-animation: cartoonC2 1.5s infinite;
	-o-animation: cartoonC2 1.5s infinite;
	animation: cartoonC2 1.5s infinite;
}
@-webkit-keyframes cartoonC2 {
	40% {
		-webkit-transform: scale(0.9);
		opacity: 0.9;
	}
	0%,75%,100% {
		-webkit-transform: scale(1.05);
		opacity: 1;
	}
}
@-moz-keyframes cartoonC2 {
	40% {
		-moz-transform: scale(0.9);
		opacity: 0.9;
	}
	0%,75%,100% {
		-moz-transform: scale(1.05);
		opacity: 1;
	}
}
@-ms-keyframes cartoonC2 {
	40% {
		-ms-transform: scale(0.9);
		opacity: 0.9;
	}
	0%,75%,100% {
		-ms-transform: scale(1.05);
		opacity: 1;
	}
}
@-o-keyframes cartoonC2 {
	40% {
		-o-transform: scale(0.9);
		opacity: 0.9;
	}
	0%,75%,100% {
		-o-transform: scale(1.05);
		opacity: 1;
	}
}
@keyframes cartoonC2 {
	40% {
		transform: scale(0.9);
		opacity: 0.9;		
	}
	0%,75%,100% {
		transform: scale(1.05);
		opacity: 1;	
	}		
}
.picScroll .bd ul li .module .cartoonC3{
	top: 164px;
	left: 135px;
	-webkit-animation: cartoonA3 1.7s infinite forwards;
	-moz-animation: cartoonA3 1.7s infinite forwards;
	-ms-animation: cartoonA3 1.7s infinite forwards;
	-o-animation: cartoonA3 1.7s infinite forwards;
	animation: cartoonA3 1.7s infinite forwards;
}
.picScroll .bd ul li .module .cartoonC4{
	top: 129px;
	left: 83px;
	-webkit-animation: cartoonA4 2s infinite forwards;
	-moz-animation: cartoonA4 2s infinite forwards;
	-ms-animation: cartoonA4 2s infinite forwards;
	-o-animation: cartoonA4 2s infinite forwards;
	animation: cartoonA4 2s infinite forwards;
}
.picScroll .bd ul li .module .cartoonC5{
	top: 93px;
	left: 97px;
	-webkit-animation: cartoonC5 1.4s infinite forwards;
	-moz-animation: cartoonC5 1.4s infinite forwards;
	-ms-animation: cartoonC5 1.4s infinite forwards;
	-o-animation: cartoonC5 1.4s infinite forwards;
	animation: cartoonC5 1.4s infinite forwards;
}
@-webkit-keyframes cartoonC5 {
	0%,10%{
		opacity: .47;
		-webkit-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-webkit-transform: translateY(-52px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonC5 {
	0%,10%{
		opacity: .47;
		-moz-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-moz-transform: translateY(-52px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonC5 {
	0%,10%{
		opacity: .47;
		-ms-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-ms-transform: translateY(-52px);
		opacity: 0;
	}
}
@-o-keyframes cartoonC5 {
	0%,10%{
		opacity: .47;
		-o-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	65%,100%{
		-o-transform: translateY(-52px);
		opacity: 0;
	}
}
@keyframes cartoonC5 {
    0%,10%{
    	opacity: .47;
        transform: translateY(0);
    }
    40%{
    	opacity: 1;
    }
    65%,100%{
        transform: translateY(-52px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonC6{
	top: 56px;
	left: 110px;
	-webkit-animation: cartoonC6 .8s infinite forwards;
	-moz-animation: cartoonC6 .8s infinite forwards;
	-ms-animation: cartoonC6 .8s infinite forwards;
	-o-animation: cartoonC6 .8s infinite forwards;
	animation: cartoonC6 .8s infinite forwards;
}
@-webkit-keyframes cartoonC6 {
	0%{
		opacity: .35;
		-webkit-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-webkit-transform: translateY(-48px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonC6 {
	0%{
		opacity: .35;
		-moz-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-moz-transform: translateY(-48px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonC6 {
	0%{
		opacity: .35;
		-ms-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-ms-transform: translateY(-48px);
		opacity: 0;
	}
}
@-o-keyframes cartoonC6 {
	0%{
		opacity: .35;
		-o-transform: translateY(0);
	}
	40%{
		opacity: 1;
	}
	88%,100%{
		-o-transform: translateY(-48px);
		opacity: 0;
	}
}
@keyframes cartoonC6 {
    0%{
    	opacity: .35;
        transform: translateY(0);
    }
    40%{
    	opacity: 1;
    }
    88%,100%{
        transform: translateY(-48px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonC7{
	top: 35px;
	left: 148px;
	-webkit-animation: cartoonC7 1s infinite forwards;
	-moz-animation: cartoonC7 1s infinite forwards;
	-ms-animation: cartoonC7 1s infinite forwards;
	-o-animation: cartoonC7 1s infinite forwards;
	animation: cartoonC7 1s infinite forwards;
}
@-webkit-keyframes cartoonC7 {
	0%,15%{
		opacity: .16;
		-webkit-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-webkit-transform: translateY(-38px);
		opacity: 0;
	}
}
@-moz-keyframes cartoonC7 {
	0%,15%{
		opacity: .16;
		-moz-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-moz-transform: translateY(-38px);
		opacity: 0;
	}
}
@-ms-keyframes cartoonC7 {
	0%,15%{
		opacity: .16;
		-ms-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-ms-transform: translateY(-38px);
		opacity: 0;
	}
}
@-o-keyframes cartoonC7 {
	0%,15%{
		opacity: .16;
		-o-transform: translateY(0);
	}
	50%{
		opacity: 1;
	}
	60%,100%{
		-o-transform: translateY(-38px);
		opacity: 0;
	}
}
@keyframes cartoonC7 {
    0%,15%{
    	opacity: .16;
        transform: translateY(0);
    }
    50%{
    	opacity: 1;
    }
    60%,100%{
        transform: translateY(-38px);
        opacity: 0;
    }
}
.picScroll .bd ul li .module .cartoonC8{
	top: 79px;
	left: 164px;
	-webkit-animation: cartoonA6 1.8s infinite forwards;
	-moz-animation: cartoonA6 1.8s infinite forwards;
	-ms-animation: cartoonA6 1.8s infinite forwards;
	-o-animation: cartoonA6 1.8s infinite forwards;
	animation: cartoonA6 1.8s infinite forwards;
}
.picScroll .bd ul li .module .cartoonC9{
	top: 132px;
	left: 187px;
	-webkit-animation: cartoonA3 1.2s infinite forwards;
	-moz-animation: cartoonA3 1.2s infinite forwards;
	-ms-animation: cartoonA3 1.2s infinite forwards;
	-o-animation: cartoonA3 1.2s infinite forwards;
	animation: cartoonA3 1.2s infinite forwards;
}




.picScroll .bd ul li .module .cartoonE1{
	top: 110px;
	left: 59px;
	-webkit-animation: cartoonE1 2.4s infinite forwards;
	-moz-animation: cartoonE1 2.4s infinite forwards;
	-ms-animation: cartoonE1 2.4s infinite forwards;
	-o-animation: cartoonE1 2.4s infinite forwards;
	animation: cartoonE1 2.4s infinite forwards;
}
@-webkit-keyframes cartoonE1{
	0%{
		-webkit-transform: scale(0);
	}
	70%,100%{
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cartoonE1{
	0%{
		-moz-transform: scale(0);
	}
	70%,100%{
		-moz-transform: scale(1);
	}
}
@-ms-keyframes cartoonE1{
	0%{
		-ms-transform: scale(0);
	}
	70%,100%{
		-ms-transform: scale(1);
	}
}
@-o-keyframes cartoonE1{
	0%{
		-o-transform: scale(0);
	}
	70%,100%{
		-o-transform: scale(1);
	}
}
@keyframes cartoonE1{
	0%{
		transform: scale(0);
	}
	70%,100%{
		transform: scale(1);
	}
}
.picScroll .bd ul li .module .cartoonE2{
	top: 122px;
	left: 90px;
	-webkit-animation: cartoonE2 2.1s infinite forwards;
	-moz-animation: cartoonE2 2.1s infinite forwards;
	-ms-animation: cartoonE2 2.1s infinite forwards;
	-o-animation: cartoonE2 2.1s infinite forwards;
	animation: cartoonE2 2.1s infinite forwards;
}
@-webkit-keyframes cartoonE2{
	0%,10%{
		-webkit-transform: scale(0);
	}
	75%,100%{
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cartoonE2{
	0%,10%{
		-moz-transform: scale(0);
	}
	75%,100%{
		-moz-transform: scale(1);
	}
}
@-ms-keyframes cartoonE2{
	0%,10%{
		-ms-transform: scale(0);
	}
	75%,100%{
		-ms-transform: scale(1);
	}
}
@-o-keyframes cartoonE2{
	0%,10%{
		-o-transform: scale(0);
	}
	75%,100%{
		-o-transform: scale(1);
	}
}
@keyframes cartoonE2{
	0%,10%{
		transform: scale(0);
	}
	75%,100%{
		transform: scale(1);
	}
}
.picScroll .bd ul li .module .cartoonE3{
	top: 115px;
	left: 84px;
}
.picScroll .bd ul li .module .cartoonE4{
	top: 56px;
	left: 115px;
	-webkit-animation: cartoonE4 2.4s infinite forwards;
	-moz-animation: cartoonE4 2.4s infinite forwards;
	-ms-animation: cartoonE4 2.4s infinite forwards;
	-o-animation: cartoonE4 2.4s infinite forwards;
	animation: cartoonE4 2.4s infinite forwards;
}
@-webkit-keyframes cartoonE4{
	17%,51%{
		-webkit-transform: translateY(-20px);
	}
	0%,34%,68%,100%{
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes cartoonE4{
	17%,51%{
		-moz-transform: translateY(-20px);
	}
	0%,34%,68%,100%{
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes cartoonE4{
	17%,51%{
		-ms-transform: translateY(-20px);
	}
	0%,34%,68%,100%{
		-ms-transform: translateY(0);
	}
}
@-o-keyframes cartoonE4{
	17%,51%{
		-o-transform: translateY(-20px);
	}
	0%,34%,68%,100%{
		-o-transform: translateY(0);
	}
}
@keyframes cartoonE4{
	17%,51%{
		transform: translateY(-20px);
	}
	0%,34%,68%,100%{
		transform: translateY(0);
	}
}
.picScroll .bd ul li .module .cartoonE5{
	top: 141px;
	left: 70px;
	-webkit-animation: cartoonA3 1.7s infinite forwards;
	-moz-animation: cartoonA3 1.7s infinite forwards;
	-ms-animation: cartoonA3 1.7s infinite forwards;
	-o-animation: cartoonA3 1.7s infinite forwards;
	animation: cartoonA3 1.7s infinite forwards;
}
.picScroll .bd ul li .module .cartoonE6{
	top: 92px;
	left: 77px;
	-webkit-animation: cartoonA4 1.2s infinite forwards;
	-moz-animation: cartoonA4 1.2s infinite forwards;
	-ms-animation: cartoonA4 1.2s infinite forwards;
	-o-animation: cartoonA4 1.2s infinite forwards;
	animation: cartoonA4 1.2s infinite forwards;
}
.picScroll .bd ul li .module .cartoonE7{
	top: 75px;
	left: 168px;
	-webkit-animation: cartoonA5 1s infinite forwards;
	-moz-animation: cartoonA5 1s infinite forwards;
	-ms-animation: cartoonA5 1s infinite forwards;
	-o-animation: cartoonA5 1s infinite forwards;
	animation: cartoonA5 1s infinite forwards;
}
.picScroll .bd ul li .module .cartoonE8{
	top: 106px;
	left: 202px;
	-webkit-animation: cartoonA6 1.4s infinite forwards;
	-moz-animation: cartoonA6 1.4s infinite forwards;
	-ms-animation: cartoonA6 1.4s infinite forwards;
	-o-animation: cartoonA6 1.4s infinite forwards;
	animation: cartoonA6 1.4s infinite forwards;
}

.picScroll .bd ul li .module .cartoonF1{
	top: 122px;
	left: 64px;
}
.picScroll .bd ul li .module .cartoonF2{
	bottom: 112px;
	left: 89px;
}
.picScroll .bd ul li .module .cartoonF3{
	top: 81px;
	left: 114px;
	-webkit-animation: cartoonF3 2.2s infinite forwards;
	-moz-animation: cartoonF3 2.2s infinite forwards;
	-ms-animation: cartoonF3 2.2s infinite forwards;
	-o-animation: cartoonF3 2.2s infinite forwards;
	animation: cartoonF3 2.2s infinite forwards;
}
@-webkit-keyframes cartoonF3{
	from{
		top: 108px;
		left: 114px;
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	10%{
		opacity: 0;
	}
	80%,to{
		top: 81px;
		left: 114px;
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@-moz-keyframes cartoonF3{
	from{
		top: 108px;
		left: 114px;
		-moz-transform: scale(.1);
		opacity: 0;
	}
	10%{
		opacity: 0;
	}
	80%,to{
		top: 81px;
		left: 114px;
		-moz-transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes cartoonF3{
	from{
		top: 108px;
		left: 114px;
		-ms-transform: scale(.1);
		opacity: 0;
	}
	10%{
		opacity: 0;
	}
	80%,to{
		top: 81px;
		left: 114px;
		-ms-transform: scale(1);
		opacity: 1;
	}
}
@-o-keyframes cartoonF3{
	from{
		top: 108px;
		left: 114px;
		-o-transform: scale(.1);
		opacity: 0;
	}
	10%{
		opacity: 0;
	}
	80%,to{
		top: 81px;
		left: 114px;
		-o-transform: scale(1);
		opacity: 1;
	}
}
@keyframes cartoonF3{
	from{
		top: 108px;
		left: 114px;
		transform: scale(.1);
		opacity: 0;
	}
	10%{
		opacity: 0;
	}
	80%,to{
		top: 81px;
		left: 114px;
		transform: scale(1);
		opacity: 1;
	}
}

.picScroll .bd ul li .module .cartoonG1{
	top: 115px;
	left: 83px;
}
.picScroll .bd ul li .module .cartoonG2{
	top: 91px;
	left: 98px;
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation: cartoonG2 3s infinite forwards;
	-moz-animation: cartoonG2 3s infinite forwards;
	-ms-animation: cartoonG2 3s infinite forwards;
	-o-animation: cartoonG2 3s infinite forwards;
	animation: cartoonG2 3s infinite forwards;
}
@-webkit-keyframes cartoonG2{
	0%,100% {
		-webkit-transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}
@-moz-keyframes cartoonG2{
	0%,100% {
		-moz-transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-moz-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}
@-ms-keyframes cartoonG2{
	0%,100% {
		-ms-transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}
@-o-keyframes cartoonG2{
	0%,100% {
		-o-transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-o-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}
@keyframes cartoonG2{
	0%,100% {
	    transform: scale3d(1, 1, 1);
	}
	10%, 20% {
	    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
	    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
	    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
}
.picScroll .bd ul li .module .cartoonG3{
	top: 70px;
	left: 119px;
	-webkit-animation: cartoonG3 3s infinite forwards;
	-moz-animation: cartoonG3 3s infinite forwards;
	-ms-animation: cartoonG3 3s infinite forwards;
	-o-animation: cartoonG3 3s infinite forwards;
	animation: cartoonG3 3s infinite forwards;
}
@-webkit-keyframes cartoonG3{
	0%{
		-webkit-transform: rotateY(0);
	}
	85%,100%{
		-webkit-transform: rotateY(360deg);
	}
}
@-moz-keyframes cartoonG3{
	0%{
		-moz-transform: rotateY(0);
	}
	85%,100%{
		-moz-transform: rotateY(360deg);
	}
}
@-ms-keyframes cartoonG3{
	0%{
		-ms-transform: rotateY(0);
	}
	85%,100%{
		-ms-transform: rotateY(360deg);
	}
}
@-o-keyframes cartoonG3{
	0%{
		-o-transform: rotateY(0);
	}
	85%,100%{
		-o-transform: rotateY(360deg);
	}
}
@keyframes cartoonG3{
	0%{
		transform: rotateY(0);
	}
	85%,100%{
		transform: rotateY(360deg);
	}
}
.picScroll .bd ul li .module .cartoonG4{
	top: 78px;
	left: 96px;
}
.picScroll .bd ul li .module .cartoonG5{
	top: 115px;
	left: 83px;
}
.picScroll .bd ul li .module .cartoonG6{
	top: 129px;
	left: 186px;
}
.picScroll .bd ul li .module .cartoonG7{
	top: 81px;
	left: 167px;
}
